<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>交易確認評分</title>

  

<script type="text/javascript" language="javascript" src="ratingsys.js"></script>


<style type="text/css">
<!--
body {
	background-color: #99C;
	text-align: center;
}

a {text-decoration: none;
	 color: #000;
} 


.tbl {
	color: #633;
	font-size: 45px;
	text-align: center;
}
.tblUp {
	color: #000;
	text-decoration: none;
}
-->
</style>

<style type="text/css">
    #rateStatus{float:left; clear:both; width:100%; height:20px;}
    #rateMe{float:left; clear:both; width:100%; height:auto; padding:0px; margin:0px;}
    #rateMe li{float:left;list-style:none;}
    #rateMe li a:hover,
    #rateMe .on{background:url(star2.gif) no-repeat;}
    #rateMe a{float:left;background:url(star1.gif) no-repeat;width:12px; height:12px;}
    #ratingSaved{display:none;}
    .saved{color:red; }
</style>

</head>

<body>


<table width="1038" height="667" border="0" align="center">

<tr>

  <th height="53" colspan="6" class="tblCon" scope="row"><span id="rateStatus">Rate Me...</span>
<span id="ratingSaved">Rating Saved!</span></th>

</tr>

<tr>
<div id="rateMe" title="Rate Me...">
    <a onclick="rateIt(this)" id="_1" title="一星" onmouseover="rating(this)" onmouseout="off(this)"></a>
    <a onclick="rateIt(this)" id="_2" title="二星" onmouseover="rating(this)" onmouseout="off(this)"></a>
    <a onclick="rateIt(this)" id="_3" title="三星" onmouseover="rating(this)" onmouseout="off(this)"></a>
    <a onclick="rateIt(this)" id="_4" title="四星" onmouseover="rating(this)" onmouseout="off(this)"></a>
    <a onclick="rateIt(this)" id="_5" title="五星" onmouseover="rating(this)" onmouseout="off(this)"></a>
</div>
</tr>
</table>

</body>
</html>